<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Login</title>

<!-- Bootstrap core CSS -->

<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="../css/blog.css" rel="stylesheet" type="text/css"/>
<link href="../css/style.css" rel="stylesheet" type="text/css"/>
<link href="../css/form.css" rel="stylesheet" type="text/css"/>
<link href="../css/login.css" rel="stylesheet" type="text/css"/>

</h:head>

<h:body>
	<!-- Barra de Menu -->
	<div id="navbar"
		class="navbar navbar-inverse navbar-fixed-top blog-masthead"
		role="navigation">
		<div class="container">
			<div class="navbar-header blog-nav">

				<a class="blog-nav-item" href="../index.html">Início</a> <a
					class="blog-nav-item" href="sobre.html">Sobre Nós</a> <a
					class="blog-nav-item" href="contato.html">Contato</a>

			</div>
			<!--/.navbar-collapse -->
		</div>
	</div>

	<!-- Corpo do Site -->
	<div class="row">
		<div class="container">
			<h:form id="contactform" class="rounded" method="post">
				<div class="row">
					
						<div class="conteudo">
						 	<p:growl id="growl" showDetail="true" sticky="true" />
     				 		<h2 style="margin-left: 230px" class="form-signin-heading">Entre</h2>
     				 		<div class="row">
       							<label  for="inputEmail" class="sr-only">Email</label>
        						<p:inputText  style=" margin-left: 140px; width: 300px; align: center;"  type="email" value="#{loginBean.login}" required="true" requiredMessage="O Email é obrigatório" id="inputEmail" class="form-control" placeholder="Login"  autofocus=""/>
        					</div>
        					<br/>
        					<div class="row">
        						<label for="inputPassword" class="sr-only">Senha</label>
        						<p:password style=" margin-left: 140px; width: 300px; align: center;" id="inputPassword" class="form-control" placeholder="Senha"  value="#{loginBean.senha}" required="true" requiredMessage="O Email é obrigatório"/>
        					</div>
        					<br/>
        					<div class="row">
        					<p:commandButton id="entrar" class="btn btn-lg btn-primary btn-block" action="#{loginBean.doLogin}" type="submit" value="Entrar"  update="growl"/>
        					</div>
						
					</div>
				</div>
			</h:form>
		</div>
	</div>

	<div class="footer">
		<div class="container">
			<p class="text-muted">Site institucional. Todos direitos
				reservados.</p>
		</div>
	</div>

	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</h:body>
</html>
